@font-face {
font-family:DINEngschriftStd;
src:url(../fonts/DINEngschriftStd.53ddef7c.otf)
}
@font-face {
font-family:TTRuiHeiJ-W4;
src:url(../fonts/TTRuiHeiJ-W4.ttf)
}
.pro_2{ display:none}
.lxx-2{ display:none!important}
.lxx-1{ display:block}
img {
    pointer-events: none;
}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0; font-weight:normal;}
*{ margin:0; padding:0;}
body {font-family: "Microsoft YaHei"; font-size: 14px;  color: #333;}


ul,ol,li {list-style: outside none none; margin:0; padding:0;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}
.clear{ clear:both}
a:hover { color:#216fb9;}

img {height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.wrap { width:96%; margin-right:auto; margin-left:auto;}
.fl{ float:left}
.fr{ float:right}
.egd_1{width:50%; float:left}
.egd_1 img{ width:100%;}
.egd_2{width:47%; float:left; margin-left:3%}
header .red_bar{position:absolute; width:50%; left:50%; height:95px; background:#009a44; top:0; z-index:1;}
header.f-cb .red_bar{width:0; transition:width 0.3s ease;}
header.f-cb.show .red_bar{width:50%;}
header.f-cb .white_bar{position:absolute; width:0; right:50%; height:95px; background:#fff; top:0; z-index:1;transition:width 0.3s ease;}
header.f-cb.show .white_bar{width:50%;}

header { width: 100%; position:absolute; top: 0;left: 0;height:109px;line-height: 89px;z-index: 10; background:none;}

header .logo { text-align: center;float: left;}
header .logo img { max-width: 100%; }
header .search-box {width: 3%;height: 100%;display: block;float: right;background: #b4b4b4 url(../img/search.png) no-repeat center;position: relative;z-index: 3; transition: background .3s}
header .link {font-size: 16px;  color: #fff;padding: 0 8px 0 35px; float: right;transition: color .3s; background:url(../img/tel.png) no-repeat 10px center #009a44; line-height:24px; border-radius:10px; margin-top:18px;}
header .search{ float:right; padding:0 10px;}
header .search img{ padding-top:32px;}
.enght {float: right;font-size: 14px;position: relative;z-index: 1;transition: color .3s, background .3s; margin-right:18px; margin-top:42px; line-height:27px; width:44px; height:34px; border:2px #fff solid; line-height:34px; text-align:center; margin-top:10px!important}


 .enght a {color: #fff;transition: color .3s;    }
 .enght:hover{ background:#1748af; color:#fff; display:block;  border:2px rgb(255,255,255,.6) solid; }
 
 header .enght a.tit { padding:2px 30px 2px 15px; background: url(../images/bsj.png) no-repeat 50px center; height:27px; width: 100%; transition: color .3s, background .3s;border:1px solid #d2d4d7; border-radius:20px; }
header .enght .con {    position: absolute;
    /*top: 180%;*/
	top: 100%;
    left: -10%;
    display: none;
    background: #fff;
    width: 120%;
    padding: 10px 0;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
    min-height: 65px;
    overflow: auto;}
 header .enght .con a { width: 100%;font-size: 14px;height: 30px;text-align: center;line-height: 30px; color:#333; display:block; border:none; border-radius:0;}
header .nav-box {width: 60%; float:right; height:90PX}
 header .nav-box ul {width: 100%}
header .nav-box li {width: 16%;float: left;text-align: center;}
header .nav-box a.tit {font-size: 17px;color: #fff; height: 80%;display: inline-block; width:100%;transition: color .3s; line-height:128px}
header .nav-box .tit span {width: 17px;height: 11px;display: inline-block; background: url(../img/sj1.png) no-repeat center; background-size: 100% 100%; position:absolute; bottom:0; left:50%; margin-left:-9px; opacity:0;}
header .nav-box li:hover a.tit {color: #f4f4f4; text-decoration:none }
header .nav-box li:hover .tit span { opacity:1;}
header .nav-box .con { width:700px!important; position: absolute; top: 109px;display: none;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);z-index: 5; background:#f1f1f1; left:20%;}

header .nav-box li .tit-top {color: #fff; border-bottom:2px solid #fff; font-size:18px; display:inline-block; width:70%; height:109px}


.set-img{width:50%;padding-top:53px; padding-bottom:53px; float:right; margin-left:20px}
.set-img img{height:177px;width:100%;}
.setCon .tit{font-size:22px;color:#4e4e4e; margin-bottom: 30px; font-weight:bold; line-height: normal}
header .nav-box .setMenu{width:40%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 30px 50px 30px;}
header .nav-box .setMenu li{ margin-bottom:9px;border-bottom: 1px #fff solid; width:100%; text-align:left; font-size:16px; line-height:normal; position:relative;}
header .nav-box .setMenu li .sm-nav{width:58%; position:absolute; left:52%; top:0; display:none; transition-duration:1s; z-index:9999; background:#009a44}
header .nav-box .setMenu li .sm-nav dl{width:100%; border-bottom:1px solid #fff; cursor:pointer; padding-top:9px; border-left:1px solid #fff;} 
header .nav-box .setMenu li .sm-nav dl:nth-child(1){padding-top:0px;}
header .nav-box .setMenu li .sm-nav dl a{display:block; padding:2px 0;  color:#fff;  background:#d01027; font-size:14px; padding-left:10px;}
header .nav-box .setMenu li .sm-nav dl a:hover{background:#d01027; color:#fff; padding-left:15px;}
header .nav-box .setMenu li:hover .sm-nav{display:block;}
.setMenu li a{display:block;position:relative;color:#4a4a4a; transition-duration:.5s; padding:8px 0}
.setMenu li a:hover{ background:#1748af; color:#fff; padding-left:10px;}
.setCon{width: 43%;padding: 50px 3% 0px 0; text-align:left;}
.setCon .p{color: #666;line-height: 30px;overflow: hidden;text-align: justify; font-size:16px;}
.set_close{display:block;width:21px;height:21px;background:url(../img/icons.png) 0 0 no-repeat;right: 0;bottom:7%;}
.pp01{ margin:70px 0; position:relative; border-right:1px dashed #15131b; width:33%; padding:0 20px; text-align:left; float:left; min-height:630px;}
.pp02{ padding-left:3%;}
.pp01 dl dt{ font-size:18px; font-weight:bold; line-height:33px;}
.pp01 dl dd{ line-height:20px;}
.pro01{ position:absolute; left:88px;}
.po01{ top:283px;}
.po01 dl:nth-child(2){ padding:10px 0 50px 0;}
.po01 dl:nth-child(3){ padding-bottom:45px;}
.po01 dl:nth-child(4){ padding-bottom:52px;}

.po02{ top:283px; left:78px;}
.po02 dl:nth-child(2){ padding:18px 0 50px 0;}
.po02 dl:nth-child(3){ padding-bottom:50px;}

.po03{ top:283px; left:130px;}
.po03 dl:nth-child(2){ padding:15px 0 55px 0;}
.po03 dl:nth-child(3){ padding-bottom:45px;}
.po03 dl:nth-child(4){ padding-bottom:43px;}



#head{width:1200px; margin:0 auto; height:150px;}
h1{float:left; margin-top:34px;}

#menuz{width:700px;
float:right;
font-size:16px; padding-top:32px;}

.hright{float:right;}
.en{ float:right; font-size:17px; color:#171717; margin:10px 18px 0 7px;}

.search{ float:right; margin-top:4px;}
input{
  -webkit-appearance: none;
  outline: none;
}
input[type=search] {
  background: #fff url(../images/search.jpg) no-repeat 10px center;
  border: none;
  padding: 0 17px;
  width: 20px;
  height: 35px;
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
#demo-2 input[type=search]:hover {
  background-color: #fff;
}
#demo-2 input[type=search]:focus {
  width: 200px;
  padding-left: 32px;
  color: #757575;
  background-color: #fff;
  cursor: auto;
  border: solid 1px #eee;
}


/*导航*/
.nnaavv{ width:100%; float:left;}
.nnaavv li{
    position:relative;
	width:100px;
	height:40px;
	line-height:40px;
	float:left;
	text-align:center;
}
.nnaavv li:hover{}
.nnaavv li ul{    
    position:absolute;
    left:0;
    top:40px;
    width:100px;
	z-index:9;
}
.nnaavv li li{
    position:relative;
	background:#f1f1f1;
	border-bottom:solid 1px #fff;
}
.nnaavv li li:hover{background:#216fb9; color:#FFFFFF;}
.nnaavv li li:hover a{color:#FFFFFF;}
.nnaavv li li ul {
    position:absolute;
    top:0;
    left:100px;
}
.sub-menu {
    display:none;
}
.sub-menu li a{ display:block;}


ul.menu {list-style:none; margin:0; padding:0; width:100%; float:left;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center; }
ul.menu li {position:relative;  float:left;  padding:0 2.2%;}
ul.menu li:last-child{ padding-right:0;}
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none; border:3px #f1f1f1 solid  }
ul.menu ul li {position:relative; border-top:none; width:100%; font-weight:normal;background:#f1f1f1;color:#333!important; font-size:14px; padding:0;}
ul.menu ul li a {color:#333!important;font-weight:normal;line-height:45px; border-bottom:#ffffff solid 1px;}
ul.menu ul li a:hover {color:#fff!important; background:#216fb9;}
ul.menu ul ul { top:0px}
ul.menu .menulink { height:52px;font-size:17px;_display: inline-block; line-height:44px; display:block;}
ul.menu .menulink:hover, ul.menu .menuhover { }
ul.menu .sub {}
ul.menu .topline {}

ul.menu .ttt12 { left:0px;}



header .nav-box .link-b {
        width: 100%;
        display: block;
        padding-left: 17%;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 40px;
        margin-bottom: 5px;
        transition: background .3s, color .3s
    }

    header .nav-box .link-b span {
        width: 100%;
        display: block;
        background: 0
    }

   


    .nav-box .content p {
        text-align: left;
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 22px
    }

  
header .nav-box .ab-setMenu{width:18%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 40px;}
.ab-setCon{ width:33.5%;}
header .nav-box .ab-setMenu li:nth-child(2n){ margin-right:0 }
   

    .search-send {
        position: absolute;
        z-index: 2;
        background-color: #222;
        right: -34%;
        top: 0;
        width: 25%;
        transition: right .3s
    }

    .search-send.on {
        right: 3%
    }

    .search-send .close {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../img/head03.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -9px;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: transform .3s ease 0s
    }

    .search-send .close:hover {
        transform: rotateZ(90deg);
        transition: transform .3s ease 0s
    }

    .search-send form {
        width: 100%;
        height: 100%
    }

    .search-send .text {
        border: 0;
        font-size: 18px;
        height: 100%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        color: #555;
        background: 0;
        padding: 0 5% 0 13%;
        outline: 0
    }

    .search-send .submit {
        cursor: pointer;
        border: 0;
        background: url(../img/head01.png) no-repeat center;
        background-color: #bb0327;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        outline: 0
    }

    .search-send .text::-webkit-input-placeholder {
        color: #555
    }


    .search-send .text:-moz-placeholder {
        color: #555
    }

    .search-send .text::-moz-placeholder {
        color: #555
    }

    .search-send .text:-ms-input-placeholder {
        color: #555
    }




/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}






/*简介*/
.about {width:1200px; margin:71px auto; height:521px;}
.about .con_1 { height:410px;}
.news_l { width:579px; height:488px; float:left; margin-top:10px; overflow:hidden;border-top-left-radius:15px;border-bottom-right-radius:15px;}
.news_l img{transition:all 0.5s;}
.news_l:hover img{transform:scale(1.1);}

.news_r { margin-top:0px; width:560px;float:right; text-align:left;}
.news_r dl {width:100%; float:left; margin-bottom:16px;transition:all 0.4s; }
.news_r dl h2{ font-size:40px; color:#000000; background:url(../images/ab_pic.png) no-repeat left top; font-weight:bold; height:88px; line-height:128px; padding-left:5px; margin-bottom:21px;}
.news_r dl h2 span{ font-weight:normal;}
.news_r dl h3{ font-size:20px;}
.news_r dl h3 a{color:#161616;}
.news_r dl h3 a:hover { color:#216fb9;}
.news_r dl dd { width:100%; float:left; text-align:left; padding-left:5px;}
.news_r dl dd p { color:#515151; font-size:15px; line-height:26px; margin-top:21px; margin-bottom:13px;}
.amore{color:#418cca;letter-spacing: .05em;transition: all .25s ease;}
.amore:hover{letter-spacing: .3em; border-bottom:solid 1px #418cca;}

.news_r  dt {  float:left; width:100%;}
.news_r  dt li{ width:25%; float:left; text-align:center; margin-top:30px;}
.news_r  dt li a{ color:#080808; font-size:21px}
.news_r  dt li a span{ text-transform:uppercase; color:#abaaaa; font-size:15px}

.news_r  dt li a:hover{ display:block;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; transform: rotate(360deg);}

.icon_2 { margin-top:13px;}



/*产品*/
#home_shu {
    height: 723px;
    background: url(../images/warp2.jpg) center top no-repeat;
	clear:both;
}

.w1100 {
    width: 1200px;
    margin:0 auto;
}

.case .w1100 {
    width: 1200px;
    margin:0 auto;
}
.w110000_a{ width:48%; float:left;}
.case h3 {
    color: #ffffff;
    font-size: 50px;
    font-family: "Arial";
    padding-top: 67px; text-transform:uppercase 
}
.case h4 {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    margin-top: 5px;
}
.case h5 {
    margin: 20px 0 52px 0;  color: #ffffff; font-size: 20px; line-height:26px
}

.w110000_b{ width:29%; float:right; margin-top:197px;}
.case .more:hover {
    border: solid 2px #42a236;
    color: #fff;
    background: #42a236; text-decoration:none
}
.case .more {
    width: 163px;
    height: 43px;
    border: solid 2px #fff;
    display: block;
    text-align: center;
    line-height: 40px;
    display: block; color:#fff; float:left; font-size:15px; margin-left:20px
}
.case .more1:hover {
    border: solid 1px #42a236;
    color: #fff;
    background: #42a236; text-decoration:none
}
.case .more1 {
    width: 163px;
    height: 43px;
    border: solid 1px #fff;
    display: block;
    text-align: center;
    line-height: 42px;
    display: block; color:#333; background:#fff; float:left; font-size:16px
}

.case ul {
    width: 100%;
    float:left;
}
.case ul li{width: 23.3%;height:338px; margin-right:2.2%; float: left; margin-bottom: 44px; text-align:center; background:#fff; border-radius:7px;}
.case ul li:nth-child(4){margin-right:0;}
.case ul li img{display:block; margin:18px auto; max-width:241px; max-height:214px; border-radius:5px;}
.case ul li p{color: #6b6b6b;font-size: 20px; line-height:34px; text-align:left; padding:0 18px;}
.case ul li p span{color: #010101; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.case ul li:hover{background:rgba(25,104,181,.7); border:0; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

    transform: translate(-10px,0);
    -webkit-transform: translate(-10px,0);
    -moz-transform: translate(-10px,0);
    -o-transform: translate(-10px,0);
    -ms-transform: translate(-10px,0);}
.case ul li:hover p, .case ul li:hover p span{ color:#fff;}


/*案例*/
.anli{ width:1200px; margin:auto; padding:77px 0 50px 0;}
.anli h2{background:url(../images/line.png) no-repeat center center; font-size:40px; color:#383838; font-weight:normal; text-align:center;}

/* marqueeleft */
.marqueeleft{width:1200px;overflow:hidden; margin-top:40px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 8px;display:inline;width:288px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:100%;height:167px;overflow:hidden;}
.marqueeleft li .pic img{ transition:all 0.5s; width:100%;}
.marqueeleft li .pic:hover img{ transform:scale(1.1);}
.marqueeleft li .txt{height:23px;line-height:23px; margin-top:22px; font-size:17px;}


/*新闻*/
.newsbg{ width:100%; background:#f5f5f5; padding:66px 0 72px 0; float:left;}

.ntop{ width:100%; float:left; margin-bottom:29px;}
.ntop_l{ float:left;}
.ntop_l h2{ font-size:40px; color:#383838;}
.ntop_l h3{ font-size:20px; color:#676767; margin:11px 0 0 0; font-weight:normal;}

.nmore { width:160px; height:41px; line-height:41px; background:#c4c4c4; float:right; margin:40px 0 0 0; padding-left:42px;}
.nmore a{ color:#fff; display:block;}
.nmore a:hover{ color:#fff;}

.nmore .icon_box {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  width: 30px;
  height: 9px;
  margin-top: 17px;
}
.nmore .icon_box span {
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.nmore .icon_box span:first-child {
  left: -25px;
}
.nmore .icon_box span:last-child {
  right: 25px;
}
.nmore .icon_box i {
  margin-left: 0;
  position: absolute;
}
.nmore:hover .icon_box span:first-child {
  left: 5px;
}
.nmore:hover .icon_box span:last-child {
  right: -35px;
}

.nleft{ width:51%; float:left;}
.home_news_tu { width:565px; height:294px; overflow:hidden; position:relative;}
.home_news_tu_img  {width:565px; height:294px; position:absolute; top:0px; left:0px; }
.home_news_tu_con {width:100%; height:77px; position:absolute;   bottom:0px; left:0px;  background-color:rgba(0,0,0,0.5);display:flex; justify-content: space-between;}
.home_news_tu_con p { font-family:"微软雅黑"; font-size:17px;line-height:23px; color:#fff; line-height:77px; padding-left:25px;}
.home_news_tu .home_news_tu_img,
.home_news_tu .home_news_tu_con {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;	
}
.home_news_tu:hover .home_news_tu_img { width:110%; height:110%; top:-5%; left:-5%;}
.home_news_tu:hover .home_news_tu_con {height:67px;}

.nright{ width:49%; float:right; margin-top:22px;}
.nright ul{ border-left:solid 1px #e5e5e5; width:100%;float:right;padding-left:51px;}
.nright ul li{ border-bottom:solid 1px #e5e5e5; width:100%; float:right; margin-bottom:33px; padding-bottom:26px;position: relative;}
.nright ul li:hover{border-bottom:solid 1px #f5f5f5;}

.nright ul li:before {
  position: absolute;
  content: '';
  background: #216fb9;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  width: 0%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
.nright ul li:hover:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.nright ul li:last-child{ margin-bottom:0;}

.home_news_li_l { width:20%; height:52px; font-size:14px; color:#7f8180; float:left;}
.home_news_li_l p { font-size:25px; color:#000000;}
.home_news_li_m { width:80%; text-align:left; float:right;}
.home_news_li_m h4 { width:100%; text-align:left; font-size:17px;color:#000000; font-weight:600;}
.home_news_li_m p { width:100%; text-align:left; line-height:24px; font-size:15px; color:#9a9a9a; padding-top:2px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}


/*	底部*/
footer .con_1{ width:100%; float:left; clear:both; background: #333333; padding-top:49px; padding-bottom:34px; color:#fff;}
footer .con_1 a { color:#fff;}
footer .con_1 a:hover { color:#216fb9;}

footer h3{ width:100%;font-size:20px; float:left; margin-bottom:21px;} 
footer ul li{ width:100%; font-size:15px; line-height:30px; float:left;}
footer ul li a {
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
footer ul li a::before {
  content: ">";
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
footer ul li a:hover{
  padding-left: 12px;
}
footer ul li a:hover::before{
  color: #216fb9;
  opacity: 1;
  visibility: visible;
}

footer p{ font-size:15px; line-height:24px; width:100%;}

footer .sd{ width:20%; float:left;}
footer .f1{ width:15.3%; float:left; padding-left:45px;border-left:1px #484848 solid;}
footer .f2{ width:21.5%; float:left; padding-left:45px;border-left:1px #484848 solid; height:223px;}
footer .f3{ width:25%; float:left; padding-left:45px;border-left:1px #484848 solid; height:223px;}
footer .fr{ float:right;}

footer .bq { width:100%; float:left; clear:both; height:74px; line-height:74px; background:#282828; margin:0px auto; color:#939393; font-size:15px;}
footer .bq a {color:#939393;}
footer .bq a:hover { text-decoration:underline;}



#flash1{display:none}
.mbdh{ display:none}
#m-menu{display:none}

.mbfor{display:none}

.wap_22{display:none!important}

.n_right{ display:none}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/


@media all and (max-width:1299px){ 
.wap_22{display:block!important}
#carousel-example-generic{ height: 728px;overflow: hidden;position: relative;}
footer{ display:none}
.about .con_1 {height:auto;}
#head{ display:none}
#banner{ display:block; height: 728px;}
.mbdh{ display:block}
#m-menu{display:block}
.page-section{display:none}
.about{ width:90%; margin: 52px auto; height:auto}
.news_l {display:none}
.news_r{ width:100%; clear:both; float:none}
.news_a{ width:40%}
.news_b{ width:100%; margin:0 auto}
.news_r dt{ width:100%;float: none; margin:0 auto; display: flex}
.news_r dl{ height:auto;float: none;}
.news_r dl dd{ height:auto; width:100%}
.news_r dt li{ margin-top:0; width:33%}
.case .w1100 { width:90% ;  margin:0 auto; }
.w1100 { width:100% ;  margin:0 auto; }
.w110000_a{ width:100%;float:none;  position:relative; clear:both; margin-left:0; margin:0 auto}
.case ul{ width:100%;margin:0 auto; float: none;  clear:both; top:30px ;justify-content:space-between}
.case h5{ width:80%; margin-right:10%}
.case h3{padding-top: 87px;}

.case ul li{ width:24.5%;margin-bottom:0; float:none;margin-right: 0px;}
.home_news_tu{ display:none}
.newsbg{ height:580px; width:100%; margin:0 auto;}

.zzsc {width:90%;margin:0 auto}
.zzsc .tab{width:100%;}
.zzsc .tab a{ width:31%}
#home_shu { width:100%; margin:0 auto; position:relative; clear:both;  background-attachment:inherit; height:auto; padding-bottom:10%}
.case h5 {margin: 20px 0;line-height: 30px;}
#mainContainer{ width:100%; margin:0 auto; height:auto}
#mainBusiness { width:100%; margin:0 auto;}
#mainContent{ width:100%; margin:0 auto;}
.mmm1{ display:none}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9,#f10,#f11,#f12{ width:100%;  margin: 0 auto; height:400px}

#ny_about{ width:90%; margin:0 auto; clear:both; height:auto }
.ny_about_con{ width:100%; margin:0 auto;  }
.ny_about_con h2{ float:none; width:100%; text-align:center; margin:0 auto}
.about_center .sum p {margin-bottom: 5px;font-size: 16px;}
.nini {
    width: 100%!important;
    margin: 0 auto; display:flex
}
.nini li {
    width: 24%;
    float: none;
    border: 1px #d1d1d1 solid;
    color: #333;
    margin-right: 1%;
    font-size: 18px;
    text-align: center;
    list-style: none;
}


.pnpage {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-top: 20px;
    border-top: #e4e4e4 solid 1px;
}.pnpage1{ display:none}
.pnpage3 {
    width: width:25%;
    float: none;
    text-align: center;
    height: 35px; margin:0 auto
}
.pnpage2 {display:none
}.ny_fennnnn_con {
    width: 98%;
    margin: 0 auto;
}.gridtable{ width:55%}
.ny_factory_con .menu-li-0 {
    width: 33%;
    float: left;
    height: 50px;
    line-height: 50px;
    color: #333;
    background: #e6e6e6;
    text-align: center;
    font-size: 18px;
    margin-right: 3px;
    margin-bottom: 3px;
}#contenrww {
    width: 50%;
    min-height: 408px;
    float: left;
}.spec-preview {
    width: 50%;
    height: 310px;
    border: 1px solid #DFDFDF;
}.ggmain1 {
    width: 100%;
    float: left;
}.ny_factory_con {
    float: left;
    width: 100%;
    padding-top: 50px;
    font-size: 15px;
    line-height: 34px;
    padding-bottom: 30px;
}.detaildiv {
    width: 90%;
    height: auto;
    float: right;
    font-size: 16px;
    line-height: 27px;
}.xiangqing {
    width: 100%;
    float: left;
    background: #f0f0f0;
    height: 43px;
    line-height: 40px;
    border-top: #15429f solid 3px;
    margin-top: 70px;
}.ggmain {
    width: 100%;
    margin: auto;
}.xiangqing1 {
     width: 100%;
    float: left;
    line-height: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}.xiangqing1 .gridtable{ width:75%!important}

.newspage {
    width: 50%;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    PADDING-TOP: 20px;
    TEXT-ALIGN: center; 
}
.fy {
    line-height: 50px;
    text-align: center;
    height: 50px;
    width: 80%;
    float:none;
    margin-top: 20px;
    margin-bottom: 0px; float:left
}.lxx-1 {
    width: 100%;
    float: left;
}.lxx-3{
    width: 100%;
    float: right;
    line-height: 26px; padding-bottom:40px
}.lxx-3 h4 {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-align: left;
    padding-bottom: 15px;
     width: 100%;
    border-bottom: #e9e9e9 solid 1px;
    margin-bottom: 20px;
}.m1{
    width: 100%;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
    margin-right: 410px;
}#ny_xinwen_da {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}#ny_xinwen_da h3 {
    font-size: 28px;
    line-height: 33px;
    color: #333;
    text-align: center;
    float: left;
    padding-bottom: 20px;
    width: 100%;
    margin-top: 15px;
    font-weight: normal;
}.xinwen_zz {width: 100%;} 
.xinwen_con{width: 100%;}

.banner2{ display:none}
} 





<!-------------------------------->







@media all and (max-width:1024px){ 
.wap_22{display:block!important}
#carousel-example-generic{ height: 728px;overflow: hidden;position: relative;}
footer{ display:none}
.about .con_1 {height:auto;}
#head{ display:none}
#banner{ display:block; height: 728px;}
.mbdh{ display:block}
#m-menu{display:block}
.page-section{display:none}
.about{ width:90%; margin: 52px auto; height:auto}
.news_l {display:none}
.news_r{ width:100%; clear:both; float:none}
.news_a{ width:40%}
.news_b{ width:100%; margin:0 auto}
.news_r dt{ width:100%;float: none; margin:0 auto; display: flex}
.news_r dl{ height:auto;float: none;}
.news_r dl dd{ height:auto; width:100%}
.news_r dt li{ margin-top:0; width:33%}
.case .w1100 { width:90% ;  margin:0 auto; }
.w1100 { width:100% ;  margin:0 auto; }
.w110000_a{ width:100%;float:none;  position:relative; clear:both; margin-left:0; margin:0 auto}
.case ul{ width:100%;margin:0 auto; float: none;  clear:both; display:flex; top:30px ;justify-content:space-between}
.case h5{ width:80%; margin-right:10%}
.case h3{padding-top: 87px;}

.case ul li{ width:24.5%;margin-bottom:0; float:none;margin-right: 0px;}
.home_news_tu{ display:none}
.newsbg{ height:580px; width:100%; margin:0 auto;}

.zzsc {width:90%;margin:0 auto}
.zzsc .tab{width:100%;}
.zzsc .tab a{ width:31%}
#home_shu { width:100%; margin:0 auto; position:relative; clear:both;  background-attachment:inherit; height:auto; padding-bottom:10%}
.case h5 {margin: 20px 0;line-height: 30px;}
#mainContainer{ width:100%; margin:0 auto; height:auto}
#mainBusiness { width:100%; margin:0 auto;}
#mainContent{ width:100%; margin:0 auto;}
.mmm1{ display:none}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9,#f10,#f11,#f12{ width:100%;  margin: 0 auto; height:400px}

#ny_about{ width:90%; margin:0 auto; clear:both; height:auto }
.ny_about_con{ width:100%; margin:0 auto;  }
.ny_about_con h2{ float:none; width:100%; text-align:center; margin:0 auto}
.about_center .sum p {margin-bottom: 5px;font-size: 16px;}
.nini {
    width: 100%!important;
    margin: 0 auto; display:flex
}
.nini li {
    width: 24%;
    float: none;
    border: 1px #d1d1d1 solid;
    color: #333;
    margin-right: 1%;
    font-size: 18px;
    text-align: center;
    list-style: none;
}.nini li  img{ width:100%; height:auto}
.pnpage {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-top: 20px;
    border-top: #e4e4e4 solid 1px;
}.pnpage1{ display:none}
.pnpage3 {
    width: width:25%;
    float: none;
    text-align: center;
    height: 35px; margin:0 auto
}
.pnpage2 {display:none
}.ny_fennnnn_con {
    width: 98%;
    margin: 0 auto;
}.gridtable{ width:55%}
.ny_factory_con .menu-li-0 {
    width: 33%;
    float: left;
    height: 50px;
    line-height: 50px;
    color: #333;
    background: #e6e6e6;
    text-align: center;
    font-size: 18px;
    margin-right: 3px;
    margin-bottom: 3px;
}#contenrww {
    width: 50%;
    min-height: 408px;
    float: left;
}.spec-preview {
    width: 50%;
    height: 310px;
    border: 1px solid #DFDFDF;
}.ggmain1 {
    width: 100%;
    float: left;
}.ny_factory_con {
    float: left;
    width: 100%;
    padding-top: 50px;
    font-size: 15px;
    line-height: 34px;
    padding-bottom: 30px;
}.detaildiv {
    width: 90%;
    height: auto;
    float: right;
    font-size: 16px;
    line-height: 27px;
}.xiangqing {
    width: 100%;
    float: left;
    background: #f0f0f0;
    height: 43px;
    line-height: 40px;
    border-top: #15429f solid 3px;
    margin-top: 70px;
}.ggmain {
    width: 100%;
    margin: auto;
}.xiangqing1 {
     width: 100%;
    float: left;
    line-height: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}.xiangqing1 .gridtable{ width:75%!important}

.newspage {
    width: 50%;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    PADDING-TOP: 20px;
    TEXT-ALIGN: center; 
}
.fy {
    line-height: 50px;
    text-align: center;
    height: 50px;
    width: 80%;
    float:none;
    margin-top: 20px;
    margin-bottom: 0px; float:left
}.lxx-1 {
    width: 100%;
    float: left;
}.lxx-3{
    width: 100%;
    float: right;
    line-height: 26px; padding-bottom:40px
}.lxx-3 h4 {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-align: left;
    padding-bottom: 15px;
     width: 100%;
    border-bottom: #e9e9e9 solid 1px;
    margin-bottom: 20px;
}.m1{
    width: 100%;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
    margin-right: 410px;
}#ny_xinwen_da {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}#ny_xinwen_da h3 {
    font-size: 28px;
    line-height: 33px;
    color: #333;
    text-align: center;
    float: left;
    padding-bottom: 20px;
    width: 100%;
    margin-top: 15px;
    font-weight: normal;
}.xinwen_zz {width: 100%;} 
.xinwen_con{width: 100%;}

.banner2{ display:none}
} 

/*==============*/
@media all and (max-width:550px){ 
body{ font-size:16px}
.wap_22{display:block!important}
#carousel-example-generic{ height:550px;overflow: hidden;position: relative;}
footer{ display:none}
.about .con_1 {height:auto;}
#head{ display:none}

.mbdh{ display:block}
#m-menu{display:block}
.page-section{display:none}
.about{ width:90%; margin: 52px auto; height:auto; padding-bottom:50px}
.news_r dt li a {
    color: #040404;
    font-size: 16px;
}
.news_r dt li a span {
    text-transform: uppercase;
    color: #a5a5a5;
    font-size: 13px;
}
.news_l {display:none}
.news_r{ width:100%; clear:both; float:none}
.news_a{ width:40%}
.news_b{ width:100%; margin:0 auto}
.news_r dt{ width:100%;float: none; margin:0 auto; display: flex; margin-top:10px}
.news_r dl{ height:auto;float: none;}
.news_r dl dd{ height:auto; width:100%}
.news_r dt li{ margin-top:0; width:33%}
.case .w1100 { width:90% ;  margin:0 auto; }
.w110000_a{ width:100%;float:none;  position:relative; clear:both; margin-left:0; margin:0 auto}
.case h5{ width:100%; font-size:16px}
.case h3{padding-top: 87px;}

.case ul li{ width:43%;margin-bottom:0; float:none;margin-right: 0px; height:130px; margin-right:1%; margin-bottom:1%}
.home_news_tu{ display:none}

.zzsc {width:90%;margin:0 auto}
.zzsc .tab{width:100%; display:none}
.zzsc .tab a{ width:31%}
#home_shu { width:100%; margin:0 auto; position:relative; clear:both;  background-attachment:inherit; height:auto; padding-bottom:10%}
.case h5 {margin: 20px 0;line-height: 30px;}
#mainContainer{ display:none}
#mainBusiness { width:100%; margin:0 auto;}
#mainContent{ width:100%; margin:0 auto;}
.mmm1{ display:none}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9,#f10,#f11,#f12{ width:100%;  margin: 0 auto; height:150px; background-size:140%; }

#ny_about{ width:90%; margin:0 auto; clear:both; height:auto; padding-bottom: 40px}
.ny_about_con{ width:100%; margin:0 auto;  }
.ny_about_con h2{ float:none; width:100%; text-align:center; margin:0 auto}
.about_center .sum p {margin-bottom: 5px;font-size: 16px;}
.nini {
    width: 100%!important;
    margin: 0 auto; display:flex;  flex-wrap:wrap
}
.nini ul li{ width:48%; float:left; border:1px #d1d1d1 solid; color:#333; margin-right:0; margin-bottom:20px;  font-size:14px; list-style:none; padding:0 0 10px 0;}
.nini ul li:nth-child(2){ float:right;}
.nini ul li:nth-child(4){ float:right;}
.nini ul li:nth-child(6){ float:right;}
.nini ul li:nth-child(8){ float:right;}
.nini ul li p{ padding-top:0; height:20px; line-height:20px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.nini ul li span{font-size:13px;}

.pnpage {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-top: 20px;
    border-top: #e4e4e4 solid 1px;
}
.pnpage1{ display:none}
.pnpage3 {
    width: width:25%;
    float: none;
    text-align: center;
    height: 35px; margin:0 auto
}
.pnpage2 {display:none}
.ny_fennnnn_con {
    width:96%;
    margin: 0 auto;
}
.gridtable{ width:55%}
.ny_factory_con .menu-li-0 {
    width: 33%;
    float: left;
    height: 50px;
    line-height: 50px;
    color: #333;
    background: #e6e6e6;
    text-align: center;
    font-size: 18px;
    margin-right: 3px;
    margin-bottom: 3px;
}
#contenrww {
    width: 50%;
    min-height: 408px;
    float: left;
}
.spec-preview {
    width: 50%;
    height: 310px;
    border: 1px solid #DFDFDF;
}
.ggmain1 {
    width: 100%;
    float: left;
}
.ny_factory_con {
    float: left;
    width: 100%;
    padding-top: 50px;
    font-size: 15px;
    line-height: 34px;
    padding-bottom: 30px;
}
.detaildiv {
    width: 90%;
    height: auto;
    float: right;
    font-size: 16px;
    line-height: 27px;
}

.pro_1 h3{width:360px;  float:left; text-align:left;  font-size:35px; color:#000000; font-weight:normal; line-height:45px; padding-top:20px; padding-bottom:10px; margin-bottom:35px;}

#contenrww {min-height: auto!important;}

.xiangqing {
    width: 100%;
    float: left;
    background: #f0f0f0;
    height: 43px;
    line-height: 40px;
    border-top: #216fb9 solid 3px;
    margin-top: 30px;
}
.ggmain {
    width: 100%;
    margin: auto;
}
.xiangqing1 {
     width: 100%;
    float: left;
    line-height: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.xiangqing1 .gridtable{ width:75%!important}

.newspage {
    width: 100%;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    PADDING-TOP: 20px;
    TEXT-ALIGN: center; 
}
.fy {
    line-height: 50px;
    text-align: center;
    height: 50px;
    width: 80%;
    float:none;
    margin-top: 20px;
    margin-bottom: 0px; float:left
}
.lxx-1 {
    width: 100%;
    float: left;
}
.lxx-3{
    width: 100%;
    float: right;
    line-height: 26px; padding-bottom:10px
}
.lxx-3 h4 {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-align: left;
    padding-bottom: 15px;
     width: 100%;
    border-bottom: #e9e9e9 solid 1px;
    margin-bottom: 20px;
}
.m1{
    width: 100%;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
    margin-right: 410px;
}
#ny_xinwen_da {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#ny_xinwen_da h3 {
    font-size: 28px;
    line-height: 33px;
    color: #333;
    text-align: center;
    float: left;
    padding-bottom: 20px;
    width: 100%;
    margin-top: 15px;
    font-weight: normal;
}
.xinwen_zz {width: 100%;} 
.xinwen_con{width: 100%; margin-bottom:20px}

.banner{display:none!important}
.banner2{display:block;width:100%; margin:0 auto}
#banner2{ display:block; height: 550px;}
.zzsc .content_2 { display:none}

.n_right{ width:98%; margin:0 auto}

.n_right li {
    width:98%;
    border-bottom: solid 1px #e8e8e8;
    float: left;
    padding-bottom: 13px;
    margin-bottom: 13px;
}

.n_r_1 {
    float: left;
    width: 20%;
    height: 70px;
    margin-right: 3%;
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding-top: 5px;
    background: #b9b9b9;
}
.n_r_1 h7 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 0px;
    float: left;
    width: 100%;
}
.n_r_2 {
    float: right;
    width: 75%;
    color: #555555; text-align:left
}

.n_r_2  a{ color:#555555}


.n_r_2 h4 {
    font-weight: normal;
    font-size: 16px;
    color: #000;
    padding-bottom: 8px;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.n_r_2 p{ font-size:14px!important; color:#848484!important; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.news_r dl h2 {
    font-size: 28px;
    color: #000000;
    background: url(../images/ab_pic.png) no-repeat left top;
    font-weight: bold;
    height: 58px;
    line-height: 58px; background-size:70%
}
.news_r dl h3 { font-size: 21px;}
.news_r dl dd p{ font-size:16px}
.case h3 {font-size: 24px;}
.case .more1 {
    width: 40%;height: 33px; line-height:33px}
	.case .more {
    width: 40%;height: 33px; line-height:33px}.case ul li p {
    color: #fff;
    font-size: 17px;
}
.mbfor{ display:block; width:100%; margin:0 auto; clear:both; float:left; background:#333333; color:#fff; margin-bottom:60px}
.dfdfw{ padding:40px;}
.dfdfw img{ margin-bottom:20px;}
.dfdfw a{ color:#fff;}

.bq{ display:block;}

.n_right{ display:block}
.ny_about_con h2 {text-align: center;font-size: 24px;}
.ny_about_con h2 p{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-family: "Times New Roman", Times, serif;
    letter-spacing: 2px;
}
.ny_about_con { padding-top:0; line-height:30px; font-size:16px; }
.ny_about_con p{ width:100%; margin:0 auto; line-height:30px; font-size:16px; margin-bottom:10px; color:#666}
.pro_1 {
    width: 100%;
    margin: auto;
    clear: both;
}
.egd_1{width:90%; margin:0 auto; float:none}
.egd_2{width:95%; margin:0 auto; float:none; margin-top:30px}
.detaildiv {
    width: 100%;
    height: auto;
    float:none;
    font-size: 16px;
    line-height: 27px; text-align:left; margin-top:20px; 
}
.detaildiv p{ width:100%; font-weight:normal}
.detaildiv p strong{  font-weight:normal; font-size:16px}

.pro_1 h3 { margin-bottom:0; }
.mm11{ display:none}
.cbc22{display:none}
.about_center02 .ab_left .box .img {
    float:left;
    width: 100%;
    height: 100%;
    overflow: hidden; display:none
}
.ggmain2{ width:10)%; margin:0 auto}
.ggmain2 img{ text-align:center; margin:0 auto}
.about_center .nr {
    float: left;
    width: 100%;
    padding: 0 10%;
    position: relative;
    height: 100%;
}
.about_center02 {
    background: #f6f6f6;
    padding-top: 0px;
    padding-bottom: 100px;
}
.wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.about_center02 {
    background: #f6f6f6;
    padding-top: 0px;
    padding-bottom: 40px;
}
.about_center .title {
    font-size: 30px;
    font-weight: normal;
    margin-top: 10px;
    color: #333;
    text-align: center;
}
.wrap_ab {
    width: 100%;
    margin: 0 auto;
}
.about_center03 .ab_left .box {
    background: #f7f7f7;
    overflow: hidden;
    margin-bottom: 50px;
    margin: 0px auto 10px auto;
}
.about_center03 .img {
    width: 96%!important;
    float: left;
    padding: 4% 4% 4% 4%;
}
.about_center03 .nr{ width:100%!important;}
.about_center03 .title{margin-top: 20px!important;}
.about_center03 .nr{ width:42%; padding:0 4%;  float:right; height: 100%;  margin-top:20px}

.ny_about_con1 {
    width: 100%;
    margin: 0 auto; 
}
.ny_fennnnn_con ul{ width: 100%;
    margin: 0 auto; float:none}

.ny_fennnnn_con ul .menu-li-01 {
    width: 32.5%!important;
    text-align: center;  font-size:18px; height:10%; float:left; margin-right:0.5%
}
.ny_fennnnn_con ul .menu-li-01 span { display:none}

.ny_fennnnn_con ul {
    width: 100%!important;
    float: none;
}
.ny_fennnnn_con ul .menu-li-01 a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: block;
    background: #b9b9b9; padding:0px 0 15px 0
}
.ny_fennnnn_con ul .menu-li-01 a img { display:none}

.ny_about_con1 h2 { display:none!important; }
.ny_about_con1 h2 p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    font-family: "Times New Roman", Times, serif;
    letter-spacing: 2px;
}
.gridtable { width:90%}
.ny_about_con p img{ height:auto!important}

#ny_xinwen ul img { display:none}

#ny_xinwen ul {
    float: left;
    height: 221px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e7e7e7;
    position: relative;
    margin-left: 0px;
}

#ny_xinwen {
    width: 100%;
    margin: auto;
    clear: both;
}

#ny_xinwen ul span {
    top: 0px;left: 0px;
}
#ny_xinwen ul li { top: 0px; left: 86px;}

#ny_xinwen ul font {
    top: 57px;left: 0px;
}

#ny_xinwen ul p { display:none}
#ny_xinwen ul em {
    left: 86px;
    top: 40px;
}
#ny_xinwen ul {
    float: left;
    height: 221px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e7e7e7;
    position: relative;
    margin-left: 0px;
}
#ny_xinwen ul {
    float: none;
    height: 100px;
    width:100%;
    margin-left:0 px;; margin-bottom:10px
}
.PageBox{ display:none}
.ny_fennnnn_con{ display:none}
.ny_about_con1 .gridtable{ display:none}
.ny_about_con1 .asaaaa33{ display:block}

#todayList{ margin:0 auto; display:block}
.chatPanel .mediaFullText {
	margin:20px 10px;
}
 .chatPanel .time {
	margin:10px 0;
	color:#FFFFFF;
	width:auto;
	font-size:12px;
	display:block;
	float:left;
	background-color:#B4753C;
	padding:10px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	position:relative;
	-webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	
}
 .topding .chatPanel .time{background-color:#B4753C;}
 .chatPanel .time .timey {
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timem {
	margin:0px;
	color:#FFFFFF;
	font-size:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timed {
	margin:0px;
	color:#FFFFFF;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timex {
	position:absolute;
	top:10px;
	right:-4px;
	background-color:#B4753C;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	width:12px;
	height:12px;
	transform: rotate(45deg) ;
	-webkit-transform: rotate(45deg) ;
	-moz-transform: rotate(45deg) ;
	-o-transform: rotate(45deg) ;
	-ms-transform: rotate(45deg) ;
}
 .topding .chatPanel .time .timex{background-color:#B4753C;}
 .chatPanel .media {
	border:0px solid #D1D1D1;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:5px 5px 10px 10px;
	-moz-border-radius:5px 5px 10px 10px;
	border-radius:5px 5px 10px 10px;
	background:url(../images/themes/wap_bottom.png) repeat-x scroll left bottom #FFFFFF;
background-size:2px auto;
	margin-left:0px;
}

 .chatPanel .media .mediaPanel {
	padding:0px;
	margin:0px;
}

 .chatPanel .media .mediaHead {
	/*height:48px;*/
	padding:15px 15px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
 .chatPanel .media .mediashl {
	/*height:48px;*/
	padding:5px 15px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
 .chatPanel .media .mediaHead .title {
	line-height:1.2em;
	font-size:18px;
	display:block;
	text-align: left;
	/*height:25px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;*/
	}

 .chatPanel .media .mediaImg {
	min-width: 200px;
	padding:0;
	margin:0 15px;
	overflow:hidden;
	position: relative;
	/*max-height:164px;*/
}
 .chatPanel .media .mediaImg img {
	width: 100%;
}
 .chatPanel .mediaFullText .mediaContent {
	padding:0 0 10px;
	font-size:16px;
	text-align:left;
	color:#222222;
}
 .chatPanel .mediaFullText .mediaContentP {
	margin:10px 15px 0px;
	border-bottom:1px solid #D3D8DC;word-break:normal;
	word-wrap:word-break;
}
 .chatPanel .mediaFullText .mediaContent p{
	max-height:40px; overflow:hidden; font-size:14px; 
	line-height: 1.5em;
}
 .chatPanel .media .mediaFooter {
	-webkit-border-radius:0px 0px 12px 12px;
	-moz-border-radius:0px 0px 12px 12px;
	border-radius:0px 0px 12px 12px;
	padding: 0 15px;
}
 .chatPanel .media .mesgIcon {
	display:inline-block;
	height:19px;
	width:10px;
	margin:8px 0px -2px 4px;
	background:url(../images/themes/wap_ico-next2.png) no-repeat 0 0 ;
	background-size: 10px auto;
}
 .chatPanel .media .mediaFooter .mesgIcon {
	margin:18px 3px 0 0;
}

.neilist , .neidetail{  background-color:#FFF; display:block}
.neidetail{ }
.nei-tit{width: 100%; display:block;
position: relative;border-bottom: 1px solid #EBEBEB; padding:17px 17px; background-color:#FFF;font-size:1rem;color: #000; box-sizing:border-box;}
.nei-tit .dtit { font-weight:bold; float:left;}
.dtit span {
    color: #9a9792;
    font-weight:normal;
}
.news-title {
    padding: 15px;
    border-bottom: 1px solid #EBEBEB;
}
.news-title .title {
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding-bottom: 6px;
	font-weight:bold;
}
.otherview{display:flex;align-items: center;justify-content: space-between;}
.shl-zuozhe {
 font-size:12px;
 color:#969696;
 margin-top:9px;
}
.shl-zuozhe span{ padding-left:10px;}
.art-content {
padding: 15px;clear: both;font-size: 0.85rem;
line-height: 1.3rem; overflow:hidden; min-height:250px;
}
.art-content p {padding-bottom: 10px;}
.bq {
    font-size: 0.75rem;
    color: #9d9cac;
   line-height: 1.2rem;
    overflow: hidden;
	padding-bottom: 15px;
}
.bq a {
    font-size: 0.75rem;
    background: #eee;
    text-decoration: none;
    color:#595d5c;
    display: inline-block;
    border-radius: 5px;
    padding: 0 15px;
    margin: 0 5px;
	margin-top:8px;
}
.bq span {margin-top:8px;}
.bqts {
	font-size: 0.75rem;line-height: 1.2rem;
    clear: both;
    border-top: 1px solid #EBEBEB;
    padding-top: 15px;
    color: #999;
    overflow: hidden;
}
.bqts a {color: #999;}
.art-ban {
    padding: 0 15px 15px 15px;clear: both;
}
.shl-jide{background: #f2f2f2;}
.shl-padtop{padding-top: 15px;padding-bottom: 15px;}
.shl-bai{background: #fff;}
.shl-matop{margin-top: 15px;}
.shl-jicolor{ color:#262f2e}
.dingyue-content-controller {
    width: 11px;
    height: 6px;
    margin: 0px auto 0;
    cursor: pointer;background: url(../images/down.png) no-repeat;
}
.dingyue-content-dropup {
    width: 11px;
    height: 6px;
    margin: 0px auto 0;
    cursor: pointer;background: url(../images/up.png) no-repeat;
}
.shl-dianji{background: #f2f2f2; padding-top:15px; padding-bottom:15px;}
.art-contentjg {
    padding: 15px 15px 0px 15px;
    clear: both;
    font-size: 0.85rem;
    line-height: 1.3rem;
    overflow: hidden;
}
.zhuanjia-pic {
    width: 102px;
    min-width: 102px;
    height: 102px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 50%;
}
.zhuanjia-pic img { width:100%; height:100%; object-fit:cover;}
.zhuanjiatit {
    font-size: 0.75rem;
    color: 
    #888;
    line-height: 1.4rem;
    height: 1.4rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 6px;
}
.zhuanjiatit span { padding-left:15px; color:#009; font-weight:bold;}
.zhuanjiatitm{margin-top: 5px;}
.zlcon_item{
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB; text-align:center;}
.zhuanlan-pic {
    width: 102px;
    min-width: 102px;
    height: 102px;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff; margin:0 auto;
    border-radius: 50%;
}
.zhuanlan-pic img { width:100%; height:100%; object-fit:cover;}
.zhuanlanname{ font-size:0.9rem;color: #b2f8ab;
 overflow:hidden;
 width:100%; padding-top:10px;
 line-height:1.3rem;
}
.zhuanlanname span{ padding-left:15px;}
.zhuanlanbj {
    clear: both;
    width: 100%;
    background: url(../images/bj.jpg) repeat-x center top; background-color:#002961;
}
.cplieaa li {
    background: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.zuoimg {
    background: #2486d4;
    height: 40px;
    width: 40px;
    border-top-left-radius: 10px;
    text-align: center;
    margin: 0 auto;
    border-bottom-left-radius: 10px; 
}
.imaaa {
    width: 40px;
    padding-left: 5px;
    padding-top: 10px;
}
.imaaa img {
    width: 50%; 
}
.mingcheng {
    line-height: 40px;
    margin-left: 10px;
    font-size: 16PX;
    text-overflow: ellipsis;
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.youimg {
    width: 30px;
    margin-top: 10px;
}
.youimg img{width: 50%; }
.zhuanlanmiaoshu{
	font-size:12px;
	color:#fff;
	margin-top:6px;
	overflow:hidden;
	line-height:1rem;
}
.ny_factory_con{ display:NONE}
.detaildiv h3 {
    font-size: 18px;font-weight:normal; width:100%
}
#ny_xinwen{ display:none}
.pro_2{ display:block; width:100%; margin:0 auto;}
.pro_2 img{ width:auto; margin:0 auto}
#ny_xinwen ul li {font-size: 16px;}
#ny_xinwen_da h3 {font-size: 21px;}
	
	.lxx-1{ display:none}
	.lxx-2{ display:block!important}
	
	.main-subtit { font-weight:normal}




#flash{ display:none;}
#flash1{ display:block;}



/*内页荣誉*/
.imglist5 ul li{text-align:center;float:left;display:inline;width:47.5%;height:auto;border:#f1f1f1 1px solid;overflow:hidden; margin-right:0; margin-bottom:20px; padding-bottom:10px;}
.imglist5 ul li:nth-child(2){ float:right;}
.imglist5 ul li:nth-child(4){ float:right;}
.imglist5 ul li:nth-child(6){ float:right;}
.imglist5 ul li:nth-child(7){ margin-bottom:0;}
.imglist5 ul li:nth-child(8){ float:right; margin-bottom:0;}
.imglist5 ul li img{background:#FFFFFF; max-width:100%; max-height:120px;}
.imglist5 ul li span{ font-size:14px; line-height:20px;}

.casepic5{ width:100%;
height:auto;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden; float:left;}



/*内页实例*/
.imglist4 ul li{text-align:center;float:left;display:inline;width:47.5%;height:auto;border:#f1f1f1 1px solid;overflow:hidden; margin-right:0; margin-bottom:20px; padding-bottom:10px;}
.imglist4 ul li:nth-child(2){ float:right;}
.imglist4 ul li:nth-child(4){ float:right;}
.imglist4 ul li:nth-child(6){ float:right;}
.imglist4 ul li:nth-child(7){ margin-bottom:0;}
.imglist4 ul li:nth-child(8){ float:right; margin-bottom:0;}
.imglist4 ul li img{background:#FFFFFF; max-width:100%; max-height:100px;}
.imglist4 ul li span{ font-size:14px; line-height:20px;}

.casepic4{ width:100%;
height:auto;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden; float:left;}




/*内页专利*/
.imglist2 ul li{text-align:center;float:left;display:inline;width:47.5%;height:auto;border:#f1f1f1 1px solid;overflow:hidden; margin-right:0; margin-bottom:20px;}
.imglist2 ul li:nth-child(2){ float:right;}
.imglist2 ul li:nth-child(4){ float:right;}
.imglist2 ul li:nth-child(6){ float:right;}
.imglist2 ul li:nth-child(7){ margin-bottom:0;}
.imglist2 ul li:nth-child(8){ float:right; margin-bottom:0;}
.imglist2 ul li img{background:#FFFFFF; max-width:100%; max-height:200px;}

.casepic2{ width:100%;
height:auto;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden; float:left;}



/*内页产品*/
.nini ul li .pic{ width:auto; height:auto;}
.nini ul li .pic img{ max-width:100%; height:150px;object-fit: cover;}

/*job*/
.jobt-t{ font-size:20px; font-weight:bold; color:#216fb9; margin-bottom:20px; }
.jobt-list li { overflow:hidden; margin-bottom:40px; width:31.33333333%; float:left;}
.jobt-list li ._num{ float:left; width:18%; font-size:24px; line-height:70px; border:1px solid #216fb9; color:#216fb9; text-align:center; }
.jobt-list li ._nr{ float:right; width:76%;}
.jobt-list li ._title{ font-size:16px; font-weight:bold; line-height:22px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; font-size:14px;}
.jobt-list li:hover ._num{ background:#216fb9; color:#fff;}

.jobt-sum{ border-top:1px dashed #ddd; padding-top:30px; margin-bottom:30px; clear:both;}
.jobt-sum span{ font-size:18px; font-weight:bold;}

.job-liucheng{ position:relative;}
.job-liucheng ._nr{ height:100%; background:url(../images/blue.8.png) repeat; width:95%; padding:0 2% 0 3%; color:#fff; position:absolute; left:0; top:0;}
.job-liucheng ._title{ font-size:20px; font-weight:bold; margin-top:50px; margin-bottom:30px;}
.job-liucheng ._sum{ font-size:14px; line-height:30px; margin-bottom:40px;}
.job-liucheng ._jbtn a{ display:inline-block; line-height:40px; border:3px solid #fff; font-size:16px; font-weight:bold; padding:0 25px 0 15px; margin-right:40px;}
.job-liucheng ._jbtn .ion{ font-weight:normal; font-size:26px; vertical-align:middle; }
.job-liucheng ._jbtn a:hover{ background:#216fb9; color:#fff; }



/*招聘*/
.widget-job-2 ._jt { height: 40px;  line-height: 40px; background-color: #f0f0f0; margin-top: 10px; overflow: hidden; *zoom: 1;
cursor: pointer; }
.widget-job-2 ._jt strong { float: left; width: 30%; text-align: center; color: #0e90d2; height:40px; }
.widget-job-2 ._jt span { float: right; }
.widget-job-2 ._jt .ion { font-size: 12px; color: #999999; }
.widget-job-2 ._jc { display: none; }
.widget-job-2 ._jcon { padding: 10px; }
.widget-job-2 ._jt_act .ion { color: #ed001c; }
.widget-job-2 ._jcon ._btn{ display: block; margin: 15px 0; width: 85px; height: 30px; line-height: 30px; background-color: #216fb9; text-align: center; color: #fff; border-radius: 2px; font-family:微软雅黑;}
@media only screen and (max-width: 40rem) {
 .widget-job-2 ._jt span { display: none;}
}

.widget-job-2 ._jt strong{ text-align: left; text-indent: 10px; color: #333; font-size: 15px;}
.widget-job-2 ._jt .ion{ color: #046ee4; font-size: 20px;}

/** 简历投递-css **/
.Form-J1 .Form-J1-Left { float: left; width: 50%; }
.Form-J1 .Form-J1-right { float: right; width: 50%; }
.Form-J1 .Form-J1-li { padding-top: 10px; }
.Form-J1 .Form-J1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; }
.Form-J1 .Form-J1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; }
.Form-J1 .Form-J1-li textarea { border: 1px #ddd solid; width: 70%; }
.Form-J1 .Form-J1-li em { color: red; vertical-align: middle; padding-left: 10px; }
.Form-J1 .Form-J1-li input._yzm { width: 20%; }
.Form-J1 .Form-J1-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; }
.Form-J1 .Form-J1-li b { color: #666; font-size: 12px; padding-left: 4px; }
.Form-J1 .Form-J1-li select { border: 1px #ddd solid; width: 70%; padding: 7px 0; }
.Form-J1 .Form-J1-Btn { clear: both; text-align: center; padding-top: 40px; }
.Form-J1 .Form-J1-Btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; cursor: pointer; border:0; font-family:微软雅黑;}
.Form-J1 .Form-J1-Btn ._submit { background: #216fb9; margin-right: 10px; }
.Form-J1 .Form-J1-Btn ._reset { background: #909090; }
@media only screen and (max-width: 40em) {
.Form-J1 .Form-J1-Left { width: 100%; }
.Form-J1 .Form-J1-li input { width: 68%; }
.Form-J1 .Form-J1-li select { width: 68.5%; }
.Form-J1 .Form-J1-right { width: 100%; }
.Form-J1 .Form-J1-li textarea { width: 68%; }
.Form-J1 .Form-J1-li input._yzm { width: 27%; }
.Form-J1 .Form-J1-li b { display: none; }
}

.datalist {width: 100%; border-collapse: collapse; border-spacing:0; border: 1px solid #ccc; }
.datalist caption { padding-bottom: 5px;}
.datalist th {font-weight: 700; padding: 5px 15px; border: 1px solid #ccc; 
  background: #eee;}
.datalist td {padding: 5px 15px; border: 1px solid #ccc;}
.datalist tr.altrow { background: #ccc;}



/*主要样式*/
.subNavBox{width:100%;}
.subNav{ cursor:pointer;font-weight:bold;font-size:14px;color:#000;line-height:40px;padding-left:10px; background:#f0f0f0; margin-bottom:15px;}
.subNav:hover{color:#216fb9;}
.currentDd{color:#000;}
.subNav table td{ padding-left:10px; padding-right:10px;}
.currentDt{}
.navContent{display: none;border-bottom:solid 1px #e5e3da; padding-top:10px;}
.navContent li{ line-height:30px; width:98%; margin:0 auto}
.navContent li a{display:block;width:100%px;text-align:center;font-size:14px;line-height:30px;}
._btn {
    background-color: #216fb9;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    text-align: center;
    width: 85px;
}





/*简介*/
.about {width:90%; margin: auto; height:auto;}
.about .con_1 {height:auto; padding:41px 0; float:left;}
.news_l { width:100%; height:auto; float:left; margin-top:10px; overflow:hidden;border-top-left-radius:15px;border-bottom-right-radius:15px;}
.news_l img{transition:all 0.5s;}
.news_l:hover img{transform:scale(1.1);}

.news_r { margin-top:0px; width:100%;float:right; text-align:left;}
.news_r dl {width:100%; float:left; margin-bottom:16px;transition:all 0.4s; }
.news_r dl h2{ font-size:20px; color:#000000; background:url(../images/ab_pic.png) no-repeat left top; font-weight:bold; height:52px; line-height:52px; padding-left:5px; margin-bottom:0;background-size:45%;}
.news_r dl h2 span{ font-weight:normal;}
.news_r dl h3{ font-size:15px;}
.news_r dl h3 a{color:#161616;}
.news_r dl h3 a:hover { color:#216fb9;}
.news_r dl dd { width:100%; float:left; text-align:left; padding-left:0;}
.news_r dl dd p { color:#515151; font-size:14px; line-height:26px; margin-top:11px; margin-bottom:8px;}
.amore{color:#418cca;letter-spacing: .05em;transition: all .25s ease; font-size:14px;}
.amore:hover{letter-spacing: .3em;}

.news_r  dt {  float:left; width:100%; }
.news_r  dt li{ width:25%; float:left; text-align:center; margin-top:0;}
.news_r  dt li img{ width:auto; height:60px;}
.news_r  dt li a{ color:#080808; font-size:15px}
.news_r  dt li a span{ text-transform:uppercase; color:#abaaaa; font-size:13px}

.news_r  dt li a:hover{ display:block;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; transform: rotate(360deg);}

.icon_2 { margin-top:13px;}



/*产品*/
#home_shu {
    height: auto;
    background: url(../images/warp2.jpg) center top no-repeat #175586;
	clear:both;
	float:left;
	padding-bottom:20px;
}

.w1100 {
    width: 90%;
    margin:0 auto;
}

.case .w1100 {
    width: 90%;
    margin:0 auto;
}
.w110000_a{ width:100%; float:left;}
.case h3 {
    color: #ffffff;
    font-size: 20px;
    font-family: "Arial";
    padding-top: 30px; text-transform:uppercase 
}
.case h4 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-top: 5px;
}
.case h5 {
    margin: 10px 0 0 0;  color: #ffffff; font-size: 14px; line-height:18px
}

.w110000_b{ width:100%; float:right; margin-top:15px; margin-bottom:20px;}
.case .more:hover {
    border: solid 2px #42a236;
    color: #fff;
    background: #42a236; text-decoration:none
}
.case .more {
    width: 47%;
    height: 38px;
    border: solid 2px #fff;
    display: block;
    text-align: center;
    line-height: 34px;
    display: block; color:#fff; float:right; font-size:14px; margin-left:0;
}
.case .more1:hover {
    border: solid 1px #42a236;
    color: #fff;
    background: #42a236; text-decoration:none
}
.case .more1 {
    width: 47%;
    height: 38px;
    border: solid 1px #fff;
    display: block;
    text-align: center;
    line-height: 36px;
    display: block; color:#333; background:#fff; float:left; font-size:14px
}

.case ul {
    width: 100%;
    float:left;
}
.case ul li{width: 47%;height:auto; margin-right:0; float: left; margin-bottom: 20px; text-align:center; background:#fff; border-radius:7px;}
.case ul li:nth-child(2){ float:right;}
.case ul li:nth-child(4){ float:right;}
.case ul li img{display:block; margin:8px auto; max-width:90%; max-height:120px; border-radius:5px;}
.case ul li p{color: #6b6b6b;font-size: 14px; line-height:16px; text-align:left; padding:0 8px; margin-bottom:8px;}
.case ul li p span{color: #010101;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; width:100%;}
.case ul li:hover{background:rgba(25,104,181,.7); border:0; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

    transform: translate(-10px,0);
    -webkit-transform: translate(-10px,0);
    -moz-transform: translate(-10px,0);
    -o-transform: translate(-10px,0);
    -ms-transform: translate(-10px,0);}
.case ul li:hover p, .case ul li:hover p span{ color:#fff;}


/*案例*/
.anli{ width:90%; margin:auto; padding:40px 0 40px 0; clear:both;}
.anli h2{background:url(../images/line.png) no-repeat center center; font-size:20px; color:#383838; font-weight:normal; text-align:center;}

/* marqueeleft */
.marqueeleft{width:100%;overflow:hidden; margin-top:20px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 8px;display:inline;width:288px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:100%;height:167px;overflow:hidden;}
.marqueeleft li .pic img{ transition:all 0.5s; width:100%;}
.marqueeleft li .pic:hover img{ transform:scale(1.1);}
.marqueeleft li .txt{height:23px;line-height:23px; margin-top:22px; font-size:14px;}


/*新闻*/
.newsbg{ width:100%; height:auto; background:#f5f5f5; padding:40px 0 45px 0; float:left;}

.ntop{ width:100%; float:left; margin-bottom:29px;}
.ntop_l{ float:left; width:55%;}
.ntop_l h2{ font-size:20px; color:#383838;}
.ntop_l h3{ font-size:14px; color:#676767; margin:11px 0 0 0; font-weight:normal;}

.nmore { width:120px; height:36px; line-height:36px; background:#c4c4c4; float:right; margin:13px 0 0 0; padding-left:22px; font-size:14px;}
.nmore a{ color:#fff; display:block;}
.nmore a:hover{ color:#fff;}

.nmore .icon_box {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  width: 30px;
  height: 9px;
  margin-top: 13px;
}
.nmore .icon_box span {
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.nmore .icon_box span:first-child {
  left: -25px;
}
.nmore .icon_box span:last-child {
  right: 25px;
}
.nmore .icon_box i {
  margin-left: 0;
  position: absolute;
}
.nmore:hover .icon_box span:first-child {
  left: 5px;
}
.nmore:hover .icon_box span:last-child {
  right: -35px;
}

.nleft{ width:100%; float:left;}
.home_news_tu { width:100%; height:294px; overflow:hidden; position:relative; display:block;}
.home_news_tu_img  {width:100%; height:294px; position:absolute; top:0px; left:0px; object-fit: cover;}
.home_news_tu_con {width:100%; height:77px; position:absolute;   bottom:0px; left:0px;  background-color:rgba(0,0,0,0.5);display:flex; justify-content: space-between;}
.home_news_tu_con p { font-family:"微软雅黑"; font-size:14px;line-height:23px; color:#fff; line-height:77px; padding-left:25px;}
.home_news_tu .home_news_tu_img,
.home_news_tu .home_news_tu_con {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;	
}
.home_news_tu:hover .home_news_tu_img { width:110%; height:110%; top:-5%; left:-5%;}
.home_news_tu:hover .home_news_tu_con {height:67px;}

.nright{ width:100%; float:right; margin-top:22px;}
.nright ul{ border-left:none; width:100%;float:right;padding-left:0;}
.nright ul li{ border-bottom:solid 1px #e5e5e5; width:100%;float:right; margin-bottom:16px; padding-bottom:26px;position: relative;}

.nright ul li:before {
  position: absolute;
  content: '';
  background: #78a8d6;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  width: 0%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
.nright ul li:hover:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.nright ul li:last-child{ margin-bottom:0;}

.home_news_li_l { width:20%; height:52px; font-size:13px; color:#7f8180; float:left;margin-top:5px;}
.home_news_li_l p { font-size:18px; color:#000000;}
.home_news_li_m { width:80%; text-align:left; float:right;}
.home_news_li_m h4 { width:100%; text-align:left; font-size:15px;color:#000000; font-weight: normal;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.home_news_li_m p { width:100%; text-align:left; line-height:24px; font-size:14px; color:#9a9a9a; padding-top:2px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}


	
}